<!--
	作者：余志文
	时间：2018-03-13
	描述：
-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/mycss/CourseManager.css" />
		<script src="layui/layui.js"></script>
		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<title>课程管理</title>
	</head>

	<body>
		<div class="layui-container">
			<form class="layui-form" method="get">
				<div class="row head" >
					<div class="coursename">
						<label style="font-weight: lighter;">课程名:</label>
						<div class= "">
							<input  type="text" class="form-control" value >
						</div>
					</div>
					<div class="startdata">
						<font style="font-weight: lighter;">开始时间:</font>
						<span >
							<input  type="text" id="startdata" class="layui-input" value >
						</span>
					</div>
					<div class=" enddata">
						<font class="" style="font-weight: lighter;">结束时间:</font>
						<span >
							<input  type="text" id="enddata" class="layui-input" value >
						</span>
					</div>
					<div class=" btn_search_and_reset" >
						<button type="button" class="layui-btn layui-btn" >查询</button>
						<button type="reset" class="layui-btn  layui-btn-primary" >重置</button>
					</div>
				</div>
				 <div class="row btn_add_and_copy" >
					<div class="col-sm-12">
						<button type="button" class="layui-btn" id="btn_add" >+新增</button>
						<button type="button" class="layui-btn  layui-btn-primary" id="btn_copy" >复制课程</button>
					</div>
				</div>
				<div class="row div_table" >
					<div class="col-sm-12">
						<table class="table">
							<thead >
								<tr>
									<th class="th_number">
										<div class="th-inner">序号</div>
										<div class="fht-cell"></div>
									</th>
									<th class="th_coursename">
										<div class="th-inner">课程名</div>
										<div class="fht-cell"></div>
									</th>
									<th class="th_startdata">
										<div class="th-inner">开始时间</div>
										<div class="fht-cell"></div>
									</th>
									<th class="th_enddata">
										<div class="th-inner">结束时间</div>
										<div class="fht-cell"></div>
									</th>
									<th class="th_open">
										<div class="th-inner">公开</div>
										<div class="fht-cell"></div>
									</th>
									<th class="th_creattime">
										<div class="th-inner">创建时间</div>
										<div class="fht-cell"></div>
									</th>
									<th class="th_operation">
										<div class="th-inner">操作</div>
										<div class="fht-cell"></div>
									</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td class="td_number">1</td>
									<td class="td_coursename">工程素质养成<input type="text" value="授课中" disabled style="position: relative;top:1px;left:3px;height:20px;width:50px;color:#5FB878;border-color:#B7EB8F;border-radius:5px 5px 5px 5px;background-color:#F6FFED;text-align:center" ></td>
									<td class="td_startdata">2018-1-22</td>
									<td class="td_enddata">2018-2-28</td>
									<td class="td_open">
										<input type="checkbox" lay-skin="primary" checked="checked" disabled="disabled">

									</td>
									<td class="td_creattime">2018-01-30 09:43:51</td>
									<td class="td_operation">
										<a class="td_operation" href="#">管理中心</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">编辑</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">删除</a>
									</td>
								</tr>
								<tr>
									<td class="td_number">1</td>
									<td class="td_coursename">工程素质养成</td>
									<td class="td_startdata">2018-1-22</td>
									<td class="td_enddata">2018-2-28</td>
									<td class="td_open">
										<input type="checkbox" lay-skin="primary" disabled="disabled">

									</td>
									<td class="td_creattime">2018-01-30 09:43:51</td>
									<td class="td_operation">
										<a class="td_operation" href="#">管理中心</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">编辑</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">删除</a>
									</td>
								</tr>
								<tr>
									<td class="td_number">1</td>
									<td class="td_coursename">工程素质养成</td>
									<td class="td_startdata">2018-1-22</td>
									<td class="td_enddata">2018-2-28</td>
									<td class="td_open">
										<input type="checkbox" lay-skin="primary" disabled="disabled">

									</td>
									<td class="td_creattime">2018-01-30 09:43:51</td>
									<td class="td_operation">
										<a class="td_operation" href="#">管理中心</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">编辑</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">删除</a>
									</td>
								</tr>
								<tr>
									<td class="td_number">1</td>
									<td class="td_coursename">工程素质养成</td>
									<td class="td_startdata">2018-1-22</td>
									<td class="td_enddata">2018-2-28</td>
									<td class="td_open">
										<input type="checkbox" lay-skin="primary" disabled="disabled">

									</td>
									<td class="td_creattime">2018-01-30 09:43:51</td>
									<td class="td_operation">
										<a class="td_operation" href="#">管理中心</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">编辑</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">删除</a>
									</td>
								</tr>
								<tr>
									<td class="td_number">1</td>
									<td class="td_coursename">工程素质养成</td>
									<td class="td_startdata">2018-1-22</td>
									<td class="td_enddata">2018-2-28</td>
									<td class="td_open">
										<input type="checkbox" lay-skin="primary" disabled="disabled">

									</td>
									<td class="td_creattime">2018-01-30 09:43:51</td>
									<td class="td_operation">
										<a class="td_operation" href="#">管理中心</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">编辑</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">删除</a>
									</td>
								</tr>
								<tr>
									<td class="td_number">1</td>
									<td class="td_coursename">工程素质养成</td>
									<td class="td_startdata">2018-1-22</td>
									<td class="td_enddata">2018-2-28</td>
									<td class="td_open">
										<input type="checkbox" lay-skin="primary" disabled="disabled">

									</td>
									<td class="td_creattime">2018-01-30 09:43:51</td>
									<td class="td_operation">
										<a class="td_operation" href="#">管理中心</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">编辑</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">删除</a>
									</td>
								</tr>
								<tr>
									<td class="td_number">1</td>
									<td class="td_coursename">工程素质养成</td>
									<td class="td_startdata">2018-1-22</td>
									<td class="td_enddata">2018-2-28</td>
									<td class="td_open">
										<input type="checkbox" lay-skin="primary" disabled="disabled">

									</td>
									<td class="td_creattime">2018-01-30 09:43:51</td>
									<td class="td_operation">
										<a class="td_operation" href="#">管理中心</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">编辑</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">删除</a>
									</td>
								</tr>
								<tr >
									<td class="td_number">1</td>
									<td class="td_coursename">工程素质养成</td>
									<td class="td_startdata">2018-1-22</td>
									<td class="td_enddata">2018-2-28</td>
									<td class="td_open">
										<input type="checkbox" lay-skin="primary" disabled="disabled">

									</td>
									<td class="td_creattime">2018-01-30 09:43:51</td>
									<td class="td_operation">
										<a class="td_operation" href="#">管理中心</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">编辑</a>
										<label class="td_operation">|</label>
										<a class="td_operation" href="#">删除</a>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="row div_dive" >
					<div class="col-md-12">
						<div class="pagecount">
							<font class="font_pagecount" >共50条</font>
							<div class="div_fenye" >
							<ul class="pagination ul_pagedive" >
								<li>
									<a href="#">&lt;</a>
								</li>
								<li>
									<a href="#">1</a>
								</li>
								<li>
									<a href="#">2</a>
								</li>
								<li>
									<a href="#">3</a>
								</li>
								<li>
									<a href="#">4</a>
								</li>
								<li>
									<a href="#">5</a>
								</li>
								<li>
									<a href="#">&gt;</a>
								</li>
							</ul>
							<div class="page_select" >
								<select lay-filter="">
									<option value="0" selected>10条/页</option>
									<option value="1">20条/页</option>
									<option value="2">30条/页</option>
									<option value="3">40条/页</option>
									<option value="4">50条/页</option>
								</select>
							</div>
							<font class="font-jump" >跳至</font>
							<div class="page_choose">
								<input type="text" class="form-control" value="1">
							</div>
							<font  class="font-ye" >页</font>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
		<script>
			layui.use('form');
		</script>
		<script>
			layui.use('laydate', function() {
				var laydate = layui.laydate;
				laydate.render({
					elem: '#startdata'
				});

				laydate.render({
					elem: '#enddata'
				});

			});
		</script>

	</body>

</html>